<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="renderer" content="webkit|ie-comp|ie-stand" />
		<meta name="wiewport" content="width=device-width, initial-scale=1.0, maxinum-scale=1.0, user-scaleable=no" />
		<title>登陆-管理后台</title>
		<script type="text/javascript" src="/js/userCommon.js"></script>
		<style>
			.login-main{
				height: 577px;
				background:url(/images/login-banner.jpg) no-repeat;
				background-size: auto 100%;
				background-position: center center;
			}
			.login-box{
				width: 370px;
				height: 416px;
				float: right;
				background-color: #ffffff;
				margin-top: 80.5px;
				border: 2px solid #0655ae;
				border-radius: 4px;
			}
			.login-box .nav-tabs>li{
				width: 50%;
				height: 60px;
				line-height: 60px;
				text-align: center;
			}
			.login-box .nav-tabs>li>a{
				margin-right: 0;
				border-radius: 0;
				color: #cacaca;
				font-size: 24px;
				font-weight: bold;
				padding: 0;
				line-height: 60px;
				box-sizing: border-box;
				height: 60px;
			}
			.login-box .nav-tabs>li.active>a,.login-box  .nav-tabs>li.active>a:focus,.login-box  .nav-tabs>li.active>a:hover{
				color: #354052;
				border-bottom: 2px solid #ff8a00;
			}
			.weichat-box{
				width: 195px;
				margin: 45px auto 0 auto;
			}
			.weichat-box>p{
				text-align: center;
			}
			.weichat-box .icon-scan{
				font-size: 24px;
				margin-right: 5px;
			}
			.ercode-box{
				height: 195px;
				background-color: #f2f2f2;
				vertical-align: middle;
				line-height: 195px;
				text-align: center;
			}
			.ercode-box>img{
				max-width: 85%;
				max-height: 85%;
				vertical-align: middle;
			}
			.acount-box{
				width: 290px;
				margin: 25px auto 0 auto;
			}
			.acount-box .input-box{
				height: 62px;
				line-height: 62px;
				border-bottom: 1px solid #e0e0e2;
				position: relative;
			}
			.acount-box .input-box .iconfont{
				color: #b7b7be;
				vertical-align: middle;
			}
			.acount-box .icon-tel{
				font-size: 32px;
				margin-left: -6px;
			}
			.acount-box .icon-password{
				font-size: 24px;
			}
			.acount-box .icon-code{
				font-size: 24px;
			}
			.acount-box .input-box input{
				width: 250px;
				height: 40px;
				line-height: 40px;
				float: right;
				margin-top: 11px;
				border: none;
				outline: none;
			}
			.code-box{
				position: absolute;
				width: 97px;
				height: 48px;
				right: 0;
				top: 7px;
			}
			.code-box>img{
				cursor: pointer;
				display: block;
				width: 100%;
				height: 100%;
			}
			.login-btn{
				height: 56px;
				line-height: 56px;
				cursor: pointer;
				text-align: center;
				color: #ffffff;
				border-radius: 8px;
				background-color: #83b132;
				font-size: 24px;
				margin-top: 5px;
			}
			.msg-box{
				height: 40px;
				line-height: 40px;
			}
			.msg-box .msg-text{
				color: red;
			}
		</style>
	</head>

	<body class="main_body">
		<!--头部nav-->
		<div class="navbar navbar-default">
			<div class="container">
				<ul class="nav text-center quick_enter">
					<li><img src="/img/logo_login_03.jpg" class="nav_img" /></li>
				</ul>
			</div>
		</div>
		<div class="login-main">
			<div class="container">
				<div class="login-box">
					<ul id="login-tab" class="nav nav-tabs">
						<li class="active" style="width: 100%;"><a href="#acount" data-toggle="tab">账号登录</a></li>
					</ul>
					<div id="login-tab-content" class="tab-content">
						<div class="tab-pane fade in active" id="acount">
							<div class="acount-box">
								<div class="input-box">
									<!-- <span class="iconfont icon-tel"></span> -->
									<img src="images/login-tel.png" alt="">
									<input type="text" name="" id="tel" placeholder="手机号码">
								</div>
								<div class="input-box">
									<!-- <span class="iconfont icon-password"></span> -->
									<img src="images/login-password.png" alt="">
									<input type="password" name="" id="password" placeholder="密码">
								</div>
								<div class="input-box">
									<!-- <span class="iconfont icon-code"></span> -->
									<img src="images/login-code.png" alt="">
									<input type="text" name="" id="code" placeholder="验证码" style="padding-right: 150px;">
									<div class="code-box">
										<img src="" id="uyzm_img" onclick="changeImg(this);">
									</div>
								</div>
								<div class="msg-box">
									<span class="msg-text"></span>
								</div>
								<div class="login-btn" id="loginBtn">登&nbsp;&nbsp;&nbsp;&nbsp;录</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--footer-->
		<div class="footer" id="footerA"> </div>
		<script type="text/javascript" src="js/login.js"></script>
	</body>

</html>